<template>
    <div class="header">
       <router-link tag="span" to="/" class="iconfont go-back">&#xe641;</router-link> 
       <span class="select-city">城市选择</span>
        <city-search></city-search>
    </div>
</template>

<script>
import  CitySearch from './Search'
export default {
    name:'CityHeader',
    components:{
          CitySearch
    }

}
</script>

<style scoped>
 .header{
     height:100px;
     width:100%;
     background:#00BCD4;
     position: relative;
 }
 .go-back{
     color:white;
     font-size:24px;
     position: absolute;
     top:10px;
     left:10px;
 }
 .select-city{
     color:white;
     font-size:20px;
     position: absolute;
     top:10px;
    left:40%;
 }
</style>
